<!DOCTYPE html>
<html>
<head>
    <title>花事论坛</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta charset="utf-8" />
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="Css/style.css" rel="stylesheet" type="text/css">
    <link href="Css/usercenter.css" rel="stylesheet" type="text/css">
    <link href="Css/list.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="Css/layer1.css"/>
    <link rel="stylesheet" type="text/css" href="Css/basic1.css"/>
    <link rel="stylesheet" type="text/css" href="Css/viewer.min.css"/>
    <script src="Scripts/viewer.min.js"></script>
    <script src="Scripts/layer.js"></script>
    <script src="Scripts/common.js"></script>

    <script src="Scripts/http.js"></script>
    <script type="text/javascript" src="Scripts/jquery-1.8.3.min.js"></script>
    <link rel="stylesheet" type="text/css" href="Css/scrollbar.css">
    <script type="text/javascript" src="Scripts/iscroll.js"></script>
    <script type="text/javascript" src="Scripts/list.js"></script>
    <link rel="stylesheet" href="Css/common.css">
    <script type="text/javascript" src="Scripts/alertPopShow.js"></script>
    <script>
        function pinglun(id){
            var html = "<label>评论内容：<input class='confirm_input' placeholder='请输入'></label>";
            popTipShow.confirm('评论',html,['确 定','取 消'],
                    function(e){
                        //callback 处理按钮事件
                        var button = $(e.target).attr('class');
                        if(button == 'ok'){
                            if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){
                                webToast("评论不能为空！","bottom", 3000);
                                return;
                            }
                            this.hide();
                            var content = $(".confirm_input").val();
                            $.ajax({
                                url: url + 'pinglun',
                                dataType: 'json',
                                type: 'post',
                                async: false,
                                data: {'id':id,'content':content},
                                success: function (result) {
                                    var status = result.status;
                                    var code = result.code;
                                    if (status == 1 && code == '1001') {
                                        var data = result.data;
                                        var html ='';
                                        for(var i=0;i<data.length;i++){
                                            html +='<span>'+data[i]['username']+': </span><span>'+data[i]['content']+'</span></br>';

                                        }
                                        $('.pldetails'+id).html(html);
                                        location.reload();
                                    }else if(status == 1 && code == '1002'){
                                        alert('同一天不可以重复点赞！');
                                    }
                                },
                                error: function (result) {
                                    console.log("error")
                                }
                            });
                            /*setTimeout(function() {
                             webToast($(".confirm_input").val(),"bottom", 3000);
                             }, 300);*/

                            //按下确定按钮执行的操作
                            //todo ....
                        }

                        if(button == 'cancel') {
                            //按下取消按钮执行的操作
                            //todo ....
                            this.hide();
                            /*   setTimeout(function() {
                             webToast("您选择“取消”了","top", 2000);
                             }, 300);*/
                        }
                    }
            );
        }
        /*$('.pinglun').on('click', function(){
            var html = "<label>评论内容：<input class='confirm_input' placeholder='请输入'></label>";
            popTipShow.confirm('弹窗标题',html,['确 定','取 消'],
                    function(e){
                        //callback 处理按钮事件
                        var button = $(e.target).attr('class');
                        if(button == 'ok'){
                            if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){
                                webToast("评论不能为空！","bottom", 3000);
                                return;
                            }
                            this.hide();
                            /!*setTimeout(function() {
                                webToast($(".confirm_input").val(),"bottom", 3000);
                            }, 300);*!/

                            //按下确定按钮执行的操作
                            //todo ....
                        }

                        if(button == 'cancel') {
                            //按下取消按钮执行的操作
                            //todo ....
                            this.hide();
                         /!*   setTimeout(function() {
                                webToast("您选择“取消”了","top", 2000);
                            }, 300);*!/
                        }
                    }
            );
        });*/

    </script>
    <style type="text/css">
       .licss{
           height:auto;
       }
    </style>

</head>
<body>

<div class="yintai-header">
    <a href="javascript:void(0)" class="back-button" style="width:80px;"></a>
    <div class="hear-name">花事论坛</div>
    <div class="xiala"><span></span></div>
</div>
<div>
    <img src="Images/timg.jpg" style="height:100px;">
</div>
<div class="viewport" >
    <div class="user-common faiao" style="margin-top: 5px;">
        <a class="yintai-phone" href="fabiao.html">发布图文：<div class="infor-phone"><span class="pink"></span></div><em></em></a>
    </div>
</div>

<div id="wrapper" style="margin-top: 100px;">
    <div id="scroller">
        <div id="pullDown">
            <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
        </div>

        <ul id="thelist" >
            <li style="height:auto">
            </li>
            <!--<li style="height:auto">
                <div><image src="Images/fukuan.png" style="width:40px;border-radius:100%;margin-left:-10px"></image><span style="margin-left:10px">你好你好和你斯蒂芬森</span>：</div><hr/><div class="content"> <div class="images"><image src="Images/fukuan.png" style="width:40px;border-radius:100%;"></image><image src="Images/fukuan.png" style="width:40px;border-radius:100%;"></image><image src="Images/fukuan.png" style="width:40px;border-radius:100%;"></image></div><div class="wenzi">花真好看</div></div><hr/><div><div ><a class="pinglun"> 评论</a> <a class="dianzhan" style="margin-left: 20px;">点赞</a></div></div><hr/>&lt;!&ndash;评论内容&ndash;&gt;<div><span>昵称：</span><span>评论内容</span></br><span>昵称：</span><span>评论内容</span></br><span>昵称：</span><span>评论内容</span></br></div>
            </li>-->
            <!--<li style="height:auto">
                &lt;!&ndash;t头像昵称&ndash;&gt;
                <div>
                <image src="Images/fukuan.png" style="width:40px;border-radius:100%;margin-left:-10px"></image>
                <span style="margin-left:10px">你好你好和你斯蒂芬森</span>：
            </div>
                <hr/>
                &lt;!&ndash;晒图具体内容&ndash;&gt;
                <div class="content">
                    <div class="images">
                        <image src="Images/fukuan.png" style="width:40px;border-radius:100%;"></image>
                        <image src="Images/fukuan.png" style="width:40px;border-radius:100%;"></image>
                        <image src="Images/fukuan.png" style="width:40px;border-radius:100%;"></image>
                    </div>
                    <div class="wenzi">花真好看</div>
                </div>
                <hr/>
                &lt;!&ndash;评论和电站&ndash;&gt;
                <div>

                    <div ><a class="pinglun"> 评论</a> <a class="dianzhan" style="margin-left: 20px;">点赞</a></div>
                </div>
                <hr/>
                &lt;!&ndash;评论内容&ndash;&gt;
                <div>
                    <span>昵称：</span><span>评论内容</span></br>
                    <span>昵称：</span><span>评论内容</span></br>
                    <span>昵称：</span><span>评论内容</span></br>
                </div>
            </li>-->
            <!--<li id="aaa">Pretty row 2</li>
            <li>Pretty row 3</li>-->
            <!--<li>Pretty row 4</li>
            <li>Pretty row 5</li>
            <li>Pretty row 6</li>
            <li>Pretty row 7</li>
            <li>Pretty row 8</li>
            <li>Pretty row 9</li>
            <li>Pretty row 10</li>
            <li>Pretty row 11</li>
            <li>Pretty row 12</li>
            <li>Pretty row 13</li>
            <li>Pretty row 14</li>
            <li>Pretty row 15</li>
            <li>Pretty row 16</li>
            <li>Pretty row 17</li>
            <li>Pretty row 18</li>
            <li>Pretty row 19</li>
            <li>Pretty row 20</li>
            <li>Pretty row 21</li>
            <li>Pretty row 22</li>
            <li>Pretty row 23</li>
            <li>Pretty row 24</li>
            <li>Pretty row 25</li>
            <li>Pretty row 26</li>
            <li>Pretty row 27</li>
            <li>Pretty row 28</li>
            <li>Pretty row 29</li>
            <li>Pretty row 30</li>
            <li>Pretty row 31</li>
            <li>Pretty row 32</li>
            <li>Pretty row 33</li>
            <li>Pretty row 34</li>
            <li>Pretty row 35</li>
            <li>Pretty row 36</li>
            <li>Pretty row 37</li>
            <li>Pretty row 38</li>
            <li>Pretty row 39</li>
            <li>Pretty row 40</li>-->
        </ul>

        <div id="pullUp">
            <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
        </div>

    </div>
</div>



</body>
</html>
